<template>
  <div class="section_con4" style="
    margin-left: auto;
    margin-right: auto;">
    <p>
      <span>
        <!-- <svg class="icon" style="" viewBox="0 0 1024 1024" width="15" height="15"><defs><style type="text/css"></style></defs><path d="M990.88 347.12a32.456 32.456 0 0 0-32.456 32.448v524.488c0 30.36-24.72 55.048-55.08 55.048H120.616a55.104 55.104 0 0 1-55.04-55.048v-784.08c0-30.36 24.688-55.08 55.04-55.08H643.76a32.456 32.456 0 0 0 0-64.896H120.616C54.488 0 0.672 53.84 0.672 119.976v784.08C0.672 970.2 54.48 1024 120.616 1024h782.736c66.168 0 119.976-53.808 119.976-119.944V379.568a32.448 32.448 0 0 0-32.448-32.448z" fill="#838384" ></path><path d="M219.584 784.968a32.344 32.344 0 0 0 22.944 9.504 32.344 32.344 0 0 0 22.944-9.504L988.848 61.6a32.44 32.44 0 1 0-45.88-45.88L219.584 739.088a32.424 32.424 0 0 0 0 45.88z" fill="#838384"></path></svg> -->
        <svg fill="#666" class="icon" style="" viewBox="0 0 1024 1024"
          width="20" height="20"
        ><defs><style type="text/css"></style></defs><path d="M274.88 957.28 274.88 776.96l-78.4 0c-89.76 0-162.88-73.12-162.88-162.88L33.6 242.88c0-89.76 73.12-162.88 162.88-162.88l631.2 0c89.76 0 162.88 73.12 162.88 162.88l0 371.36c0 89.76-73.12 162.88-162.88 162.88L533.92 777.12 274.88 957.28zM196.32 108.64c-73.92 0-134.08 60.16-134.08 134.08l0 371.36c0 73.92 60.16 134.08 134.08 134.08l107.2 0 0 153.92 221.28-153.92 302.72 0c73.92 0 134.08-60.16 134.08-134.08L961.6 242.88c0-73.92-60.16-134.08-134.08-134.08L196.32 108.8z"></path><path d="M252.16 363.52l519.84 0c10.24 0 18.56-8.32 18.56-18.56s-8.32-18.56-18.56-18.56L252.16 326.4c-10.24 0-18.56 8.32-18.56 18.56S241.76 363.52 252.16 363.52zM771.84 474.88 252.16 474.88c-10.24 0-18.56 8.32-18.56 18.56 0 10.24 8.32 18.56 18.56 18.56l519.84 0c10.24 0 18.56-8.32 18.56-18.56C790.56 483.2 782.24 474.88 771.84 474.88z"></path></svg>
      </span>
      <span>
        <span>就诊留言：</span>
        <input type="text" placeholder="(最多输入60字)" v-model="this.preinfostr.OI_WONOTE"
          readonly
        >
      </span>
    </p>
  </div>
</template>
<script>
export default {
    props: { preinfostr: {
      type: Object,
    }},
  data() {
    return {
      
    };
  },

  components: {
  },
  methods: {
  },
};
</script>

<style socped>
.section_con4 {
  width: 95%;
  margin: 0 auto;
  border-radius: 10px;
  color: #ccc;
}
.section_con4 p{
  color: #666;
  font-size: .8rem;
  display: flex;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
}
.section_con4 p span:first-child{
  margin-right:1rem;
}
.section_con4 p span:last-child{
  width: 100%;
}
.section_con4 input {
  border: none;
  outline: none;
  width: 100%;
  /* padding: 0.3rem 0; */
  margin-top: .5rem;
  font-size: .8rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #666;
}
</style>
